<template>
  <el-table :data="arr" border style="width: 100%">
    <el-table-column fixed prop="buytime" label="购买日期" width="150"></el-table-column>
     <el-table-column prop="goodsname" label="商品名称" width="120"></el-table-column>
<el-table-column prop="count" label="商品数量" width="120"></el-table-column>
<el-table-column prop="price" label="商品单价" width="120"></el-table-column>
<el-table-column prop="paymoney" label="付款" width="120"></el-table-column>
    <el-table-column prop="name" label="姓名" width="120"></el-table-column>
    <el-table-column fixed="phone" label="联系电话" width="100"></el-table-column>
    <el-table-column prop="gettime" label="商品状态" width="120"></el-table-column>
    <el-table-column prop="shopname" label="商铺名称" width="120">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
import axios from "axios";
import { request } from "../../network/request";
import { createNamespacedHelpers } from "vuex";
const { mapState, mapActions } = createNamespacedHelpers("shopcar");
 export default {
  

    data() {
      return {
        tableData: []
      }
    },
    computed: {
    ...mapState(["arr"]) //获取后端数据库的学生数组
   },
    methods:{
       ...mapActions(["getOrder"]),
     
    },
    created() {
      this.getOrder();
      // console.log(this.arr)
    },
  }
</script>

<style>
</style>